<script type="text/javascript" src="Scripts/video/jwplayer.js"></script>
<script type="text/javascript" src="Scripts/video/jquery.easyAccordion.js"></script>
<script type="text/javascript" src="Scripts/video/utility.js"></script>

<style type="text/css">		  
.sample{
	border:1px solid #92cdec;
	background:#d7e7ff;
	font-size: 12px;
	height: 240px;
	width: 690px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	overflow: hidden;
}

		  h1{margin:0 0 20px 0;padding:0;font-size:2em;}
		  h2{margin:40px 0 20px 0;padding:0;font-size:1.6em;}
		  .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}
		  p{font-size:1.2em;line-height:170%;margin-bottom:20px}
		  		  
		 
		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{
	line-height:120%;
	background-color: #FFFFFF;
}

			
		#accordion-2{
	width:680px;
	height:195px;
	border:1px solid #b5c9e8
}
		#accordion-2 h2{font-size:2.5em;margin-top:10px}
		#accordion-2 dl{
	width:700px;
	height:195px;
	background-color: #FFFFFF;
}	
		#accordion-2 dt{height:56px;line-height:44px;text-align:right;padding:10px 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(images/slide-title-inactive-2.jpg) 0 0 no-repeat;color:#26526c}
		#accordion-2 dt.active{cursor:pointer;color:#fff;background:#fff url(images/slide-title-active-2.jpg) 0 0 no-repeat}
		#accordion-2 dt.hover{color:#68889b;}
		#accordion-2 dt.active.hover{color:#fff}
		#accordion-2 dd{
	padding:25px;
	border:1px solid #dbe9ea;
	border-left:0;
	margin-right:3px;
	background-color: #FFFFFF;
	background-image: url(images/slide.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
		#accordion-2 .slide-number{color:#68889b;left:10px;font-weight:bold}
		#accordion-2 .active .slide-number{color:#fff}
		#accordion-2 a{color:#68889b}
		#accordion-2 dd img{float:right;margin:0 0 0 30px;position:relative;top:-20px}

      .style1 {color: #990000}
      .test {
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
      </style>

<div class="sample">
  <div id="accordion-2">
    <dl>
      <!------------------------------------------------------------------>
      <dt>Tiffany's Show</dt>
      <dd class="test">
        <div id='mediaspace1'>Video đang cập nhật, vui lòng quay lại sau</div>
        <script type='text/javascript'>
                      jwplayer('mediaspace1').setup({
                        'flashplayer': 'video/player.swf',
                        'file': 'video/4.flv',
                        'image': 'skin/bg.gif',
                        'frontcolor': 'ffffff',
                        'lightcolor': 'cc9900',
                        'screencolor': 'EEEEEE',
                        'skin': 'skin/nature01.zip',
                        'controlbar': 'over',
                        'width': '250',
                        'height': '180'
                      });
                    </script>
      </dd>
      <!------------------------------------------------------------------>
      
      <!------------------------------------------------------------------>
      <dt>Chợ tình Sapa</dt>
      <dd>
        <div id='mediaspace2'>Video đang cập nhật, vui lòng quay lại sau</div>
        <script type='text/javascript'>
                      jwplayer('mediaspace2').setup({
                        'flashplayer': 'video/player.swf',
                        'file': 'video/2.flv',
                        'image': 'skin/bg.gif',
                        'frontcolor': 'ffffff',
                        'lightcolor': 'cc9900',
                        'screencolor': 'EEEEEE',
                        'skin': 'skin/nature01.zip',
                        'controlbar': 'over',
                        'width': '250',
                        'height': '180'
                      });
                    </script>
      </dd>
      <!------------------------------------------------------------------>
      
      <!------------------------------------------------------------------>
      <dt>Cảnh Hà Giang</dt>
      <dd>
        <div id='mediaspace3'>Video đang cập nhật, vui lòng quay lại sau</div>
        <script type='text/javascript'>
                      jwplayer('mediaspace3').setup({
                        'flashplayer': 'video/player.swf',
                        'file': 'video/5.flv',
                        'image': 'skin/bg.gif',
                        'frontcolor': 'ffffff',
                        'lightcolor': 'cc9900',
                        'screencolor': 'EEEEEE',
                        'skin': 'skin/nature01.zip',
                        'controlbar': 'over',
                        'width': '250',
                        'height': '180'
                      });
                    </script>
      </dd>
      <!------------------------------------------------------------------>
      
      <!------------------------------------------------------------------>
      <dt>Hello Viet Nam</dt>
      <dd>
        <div id='mediaspace4'>Video đang cập nhật, vui lòng quay lại sau</div>
        <script type='text/javascript'>
                      jwplayer('mediaspace4').setup({
                        'flashplayer': 'video/player.swf',
                        'file': 'video/3.flv',
                        'image': 'skin/bg.gif',
                        'frontcolor': 'ffffff',
                        'lightcolor': 'cc9900',
                        'screencolor': 'EEEEEE',
                        'skin': 'skin/nature01.zip',
                        'controlbar': 'over',
                        'width': '250',
                        'height': '180'
                      });
                    </script>
      </dd>
      <!------------------------------------------------------------------>
    </dl>
  </div>
</div>
